<template>
  <div class="footer" style="margin-top: 20px">
    <div class="FooterTop">
      <div class="cmain">


        <ul class="ImgList">
          <li class="active"><a href="javascript:;" style="color: white">联系我们</a></li>
          <li class="item">
            <a class="m1 WXCon" href="javascript:;">
              <div class="ewmcon">
                <img src="@/assets/images/ewm1.jpg" alt=""/>
              </div>
            </a>
            <a class="m2" href="javascript:;"></a>
          </li>
          <li class="item">
            <a class="m3" href="javascript:;"></a>
            <a class="m4" href="javascript:;"></a>
          </li>
        </ul>
        <ul >
          <li> <li class="active" style="color: white">##############</li>
            <li class="hen"></li>
            <li style="color: white">地址：##############</li>
            <li style="color: white">电话：####-#### ####  邮箱：#############@##.com</li>
            <li style="color: white">Copyright © 2025  {{$order.title}} 版权所有</li></li>
        </ul>
      </div>
    </div>
  </div>
</template>
<style type="text/scss" scoped lang="scss">
.FooterTop{
  background-color: rgba(83, 127, 177, 1);
  padding: 30px 0;
  font-size: 0;
}
.cmain {
  width: 1200px;
  margin: 0 auto;
}
.FooterTop ul{
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
}
.FooterTop ul li{font-size: 14px;line-height: 30px;color: #999}
.FooterTop ul li a{color: #999}
.FooterTop ul li.active{
  margin-bottom: 5px;
  font-size: 16px;
  color: #bababa;
}
.FooterTop ul li.active a{
  font-size: 16px;
  color: #bababa;
}
.FooterTop ul li a:hover{color: #bababa}
.FooterTop ul.ImgList li.item{margin-bottom: 10px}
.FooterTop ul.ImgList li.item a{
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.FooterTop ul li.hen{
  width: 60px;
  height: 2px;
  background-color: #275e86;
  margin-bottom: 20px;
}
.LinkItem {
  float: right;
  color: #bababa;
  font-size: 14px;
  line-height: 30px;
}
.LinkItem .txt1{text-align: right}
.LinkItem .txt1 em{font-size: 16px}
.LinkItem .txt2{text-align: right;margin-bottom: 10px}
.LinkItem .txt2 span{
  display: inline-block;
  width: 60px;
  height: 2px;
  background-color: #275e86;
}
.LinkItem .txt3{position: relative}
.LinkItem .txt3 a{color: #999999}
.FooterTop .LinkMList ul {
  width: 260px;
  max-height: 120px;
  margin: 0;
  overflow-y: scroll;
}
.FooterTop .LinkMList ul li a{
  display: block;
  line-height: 30px;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.FooterTop .LinkMList ul li a:hover{background-color: #275e86}
.WXCon{position: relative}
.ewmcon{
  position: absolute;
  width: 60px;
  height: 60px;
  top: 25px;
  left: -26px;
  padding: 10px;
  border-radius: 3px;
  background-color: #fff;
  background-color: rgba(255,255,255,.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  display: none;
}
.ewmcon img{width: 100%;}
</style>

<script>

import DB from '@/utils/db';
import config from '@/config';
export default {
  data(){
    return {
      $order:config,
      likeList:[],
      aboutFooter:[]
    };
  },
  methods:{

  },
  created(){

  }
}

</script>
